<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1" />

    <title>Title</title>
    <link href="css/demo.css" rel="stylesheet" />
</head>
<body>

<!--内容的广告-->
<div class="wrap">
    <div class="focus-pic">
        <img src="images/swiper1.jpeg" />
    </div>
    <div class="side-pic">
        <div class="pic-item">
            <img src="images/ad1.png" />
        </div>

        <div class="pic-item">
            <img src="images/ad2.png" />
        </div>

    </div>
</div>
<!--内容的广告结束-->

<!--商品列表-->
<ul class="product-list">
    <li>
        <div class="pic"><img src="images/img1.jpg" /></div>
        <p>迷你微型摄影展</p>
        <p>
            <time>2016-12-12</time>
            <span>作者：tom</span>
        </p>
    </li>
    <li>
        <div class="pic"><img src="images/img1.jpg" /></div>
        <p>迷你微型摄影展</p>
        <p>
            <time>2016-12-12</time>
            <span>作者：tom</span>
        </p>
    </li>
    <li>
        <div class="pic"><img src="images/img1.jpg" /></div>
        <p>迷你微型摄影展</p>
        <p>
            <time>2016-12-12</time>
            <span>作者：tom</span>
        </p>
    </li>
    <li>
        <div class="pic"><img src="images/img1.jpg" /></div>
        <p>迷你微型摄影展</p>
        <p>
            <time>2016-12-12</time>
            <span>作者：tom</span>
        </p>
    </li>
    <li>
        <div class="pic"><img src="images/img1.jpg" /></div>
        <p>迷你微型摄影展</p>
        <p>
            <time>2016-12-12</time>
            <span>作者：tom</span>
        </p>
    </li>
    <li>
        <div class="pic"><img src="images/img1.jpg" /></div>
        <p>迷你微型摄影展</p>
        <p>
            <time>2016-12-12</time>
            <span>作者：tom</span>
        </p>
    </li>
    <li>
        <div class="pic"><img src="images/img1.jpg" /></div>
        <p>迷你微型摄影展</p>
        <p>
            <time>2016-12-12</time>
            <span>作者：tom</span>
        </p>
    </li>
</ul>

</body>
</html>